<template>
	<div class="login">
		<div class="login_header">
			<img src="../../assets/login.jpg" width="100%" height="100%" />
		</div>
		<div class="login_container">
			<img class="login_logo"src="../../assets/logo.png">
			<router-view></router-view>
		</div>
	</div>
	
</template>
<script type="text/javascript">
	export default {
	  name: 'login',
	  data () {
	    return {
	      msg: 'Welcome to Your Vue.js App'
	    }
	  }
	}
</script>
<style scoped>
	.login_container {
		position: absolute;
		top:20%;
		width: 600px;
		max-width: 50%;
		left:0%;
	}

	.login_logo {
		position: absolute;
		top:-50px;
		margin-left: -100px;
		left:50%;
		width: 200px;
		z-index:3;
	}
	.login_header {
		position: absolute;
		top:0px;
		bottom: 0px;
		left:50%;
	}
</style>